body {
  /*新宋体*/
  font: 12px/1.5em Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
  color: #333;
  outline: 0;
  background: #fff;
}
body,
ul,
ol,
li,
p,
a,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
a,
a:hover {
  color: #333;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*——————通用模块——————*/
.block_center {
  margin: 0 auto;
}
#header,
#content {
  width: 100%;
}
#header {
  height: 60px;
  line-height: 60px;
  position: fixed;
  background: rgba(255, 98, 0, 0.4) none repeat scroll 0% 0%;
  z-index: 99;
}
.header-bd,
.section-bd {
  width: 1000px;
  margin: 0 auto;
}
.logo {
  float: left;
}
.logo img {
  position: absolute;
  top: 10px;
}
.header-nav {
  float: right;
}
.header-nav li {
  float: left;
  text-align: center;
  width: 8em;
  margin-right: 10px;
}
.header-nav li a {
  color: #fff;
  display: block;
  font-size: 16px;
  width: 100%;
  height: 46px;
  line-height: 46px;
  margin-top: 7px;
}
.header-nav li a:hover {
  background-color: #ff6200;
  border-radius: 5px;
}
.header-nav .header-nav-app a {
  height: 100%;
  line-height: 60px;
  margin-top: 0;
}
.header-nav .header-nav-app a p {
  line-height: 1em;
  display: none;
  text-align: center;
  padding: 10px 0;
}
.header-nav .header-nav-app a p img {
  width: 100%;
}
.header-nav .header-nav-app a p span {
  font-size: 12px;
}
.header-nav .header-nav-app a:hover {
  background-color: #ff6200;
  border-radius: 0;
}
.header-nav .header-nav-app a:hover p {
  display: block;
}
/*右侧滚动导航*/
#fp-nav ul li a {
  position: relative;
}
#fp-nav ul li a span {
  border: 1px solid #fff;
}
#fp-nav ul li a.active span {
  background-color: #ff6200;
  border: 1px solid rgba(255, 140, 68, 0.69);
  width: 10px;
  height: 10px;
  position: absolute;
  left: 1px;
}
.section .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.section .bg img {
  width: 100%;
  height: 100%;
  display: block;
}
.active .bg-show-up {
  bottom: 150px;
  animation-delay: 0.7s;
  /* Safari 和 Chrome */
  -webkit-animation-delay: 0.7s;
}
/*动画-第一屏向上浮现*/
.bg-show-up {
  position: absolute;
  bottom: -300px;
  width: 100%;
  height: 850px;
  background: transparent url(../img/bg11.png) no-repeat scroll 50% 0px;
  /*
    1.过渡效果：none 无过度，all 所有属性都将获得过渡效果，property 定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔
    2.过度效果耗时
    3.效果曲线：linear 以相同速度始终，ease 慢快慢，ease-in 慢始，ease-out 慢终，ease-in-out 慢始慢终，cubic-bezier(n,n,n,n)  0 至 1 之间的数值
    */
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
/*动画-波浪*/
.bg-wave {
  background: transparent url("http://p8.qhimg.com/t01a492cd17cf6131fc.png") repeat-x scroll center top;
  height: 235px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  /*透明度*/
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
  /*起伏动画*/
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: float 1.5s linear 1s alternate none infinite running;
  /* Firefox */
  -moz-animation: float 1.5s linear 1s alternate none infinite running;
  /* Safari and Chrome */
  -webkit-animation: float 1.5s linear 1s alternate none infinite running;
  /* Opera */
  -o-animation: float 1.5s linear 1s alternate none infinite running;
}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20%);
  }
}
@-ms-keyframes float {
  0% {
    -ms-transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(20%);
  }
}
@-moz-keyframes float {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(20%);
  }
}
@-o-keyframes float {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(20%);
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(20%);
  }
}
/*动画-第三屏向上浮现*/
/*起伏动画-图片*/
.show-up {
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: float2 1s linear 1s alternate none infinite running;
  /* Firefox */
  -moz-animation: float2 1s linear 1s alternate none infinite running;
  /* Safari and Chrome */
  -webkit-animation: float2 1s linear 1s alternate none infinite running;
  /* Opera */
  -o-animation: float2 1s linear 1s alternate none infinite running;
}
@-webkit-keyframes float2 {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20%);
  }
}
@-ms-keyframes float2 {
  0% {
    -ms-transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(20%);
  }
}
@-moz-keyframes float2 {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(20%);
  }
}
@-o-keyframes float2 {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(20%);
  }
}
@keyframes float2 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(20%);
  }
}
/*起伏动画-影子*/
.show-up-shadow {
  display: block;
  background-color: #000000;
  border-radius: 50%;
  width: 50px;
  height: 10px;
  margin: 0 auto;
  margin-top: 20px;
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: shadow 1s linear 1s alternate none infinite running;
  /* Firefox */
  -moz-animation: shadow 1s linear 1s alternate none infinite running;
  /* Safari and Chrome */
  -webkit-animation: shadow 1s linear 1s alternate none infinite running;
  /* Opera */
  -o-animation: shadow 1s linear 1s alternate none infinite running;
}
@-webkit-keyframes shadow {
  0% {
    width: 30px;
    height: 6px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
  100% {
    width: 75px;
    height: 15px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }
}
@-ms-keyframes shadow {
  0% {
    width: 30px;
    height: 6px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
  100% {
    width: 75px;
    height: 15px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }
}
@-moz-keyframes shadow {
  0% {
    width: 30px;
    height: 6px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
  100% {
    width: 75px;
    height: 15px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }
}
@-o-keyframes shadow {
  0% {
    width: 30px;
    height: 6px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
  100% {
    width: 75px;
    height: 15px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
}
@keyframes shadow {
  0% {
    width: 30px;
    height: 6px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
  100% {
    width: 75px;
    height: 15px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }
}
/*应用列表轮播*/
.app-list li,
.prev,
.next {
  height: 110px;
}
/*应用轮播容器*/
.app-list {
  width: 900px;
  margin: 0 auto;
  text-align: center;
  /*应用列*/
}
.app-list ul {
  width: 800px;
  height: 112px;
  overflow: hidden;
}
.app-list li {
  border: 1px solid #c00;
  float: left;
  margin-left: -1px;
}
.app-list-item {
  font-size: 12px;
  width: 159px;
}
.app-list-item img,
.app-list-item span {
  margin: 0 auto;
  display: block;
}
/*前后滚动按钮*/
.prev,
.next {
  border: 1px solid #c00;
  display: block;
  width: 48px;
  vertical-align: middle;
}
.next {
  margin-left: -1px;
}
/*左右按钮和应用列表贴在一排*/
.app-list ul,
.prev,
.next {
  float: left;
}
